<!DOCTYPE html>

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>New Type York – Artifact Upload Form</title>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
    
    <!-- New Type York CSS -->
    <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection">
    
  </head>
  <body>
    <div class="container showgrid">
      <h1>Artifact Upload Form</h1>
      <hr>

      <div class="span-24">

        <form id="dummy" action="" method="post">

          <fieldset>
            <legend>Log In</legend>
            <p>
              <label for="dummy1">Username</label><br>
              <input type="text" class="text" id="dummy1" name="dummy1" value="Username">

            </p>

            <p>
              <label for="dummy3">Password</label><br>
              <input type="password" class="text" id="dummy3" name="dummy3" value="Password field with class .text">
            </p>
            
            <p>
              <small>Don't have an account?<a href="#"> Sign Up Today.</a></small><br />
            Benefits of having an account.<br />
            </p>

            <p>
              <input type="submit" value="Submit">
              <input type="reset" value="Reset">
            </p>

          </fieldset>
        </form>

        
        <form id="dummy" action="" method="post">

          <fieldset>
            <legend>Step One – The Artifact</legend>
            <p>
              <label for="dummy0">Artifact Title</label><br>
              <input type="text" class="title" name="dummy0" id="dummy0" value="Title of Your Artifact">
            </p>
            
             <p>
              <input type="submit" value="Upload">
              Upload Your Image<br />
              <a href="#"><small>See Our Submission Guidelines</small></a>
            </p>
            
            <p><label>Is This an Artifact or a Story?</label><br>
            <input type="radio" name="example"> Artifact<br>
            <input type="radio" name="example"> Story<br>
              <a href="#"><small>Whats the difference?</small></a>
          	</p>
          	
            <p>
              <input type="submit" value="Next">
            </p>

          </fieldset>
        </form>
        
            <form id="dummy" action="" method="post">

          <fieldset>
            <legend>Step Two – Location</legend>
            <p>
	          <img src="http://dummyimage.com/100x100/000/fff.png" /><br />  
              <small>Does This Look Correct? <br />If Not,<a href="#">Fix it.</a></small>
            </p>
            
            <p>
              <label for="dummy1">Neighborhood Taken In</label><br>
              <input type="text" class="text" id="dummy1" name="dummy1" value="Ex: Flatiron, Chelsea">
            </p>

            <p>
              <input type="submit" value="Back">
              <input type="reset" value="Next">
            </p>

          </fieldset>
        </form>
        
        <form id="dummy" action="" method="post">

          <fieldset>
            <legend>Step Three – Description</legend>

            <p>
              <label for="dummy1">Caption for this Artifact</label><br>
              <input type="text" class="text" id="dummy1" name="dummy1" value="Ex: A Helvetica Treatment Vignelli Would Be Proud Of.">
            </p>

            <p>
              <label for="dummy2">Your Notes</label><br>
              <textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
            </p>

            <p>
              <input type="submit" value="Back">
              <input type="reset" value="Next">
            </p>

          </fieldset>
        </form>
         <form id="dummy" action="" method="post">

          <fieldset>
            <legend>Step Four – Confirmation</legend>

            <p>
              Is all the information here correct?<br>
			  Looks good. <a href="#">Let's submit it.</a><br />
				No, I botched something. <a href="#">Lemme go back.</a>

            </p>

            <p>
              <input type="submit" value="Submit">
            </p>

          </fieldset>
        </form>



      </div>
     
      <hr>

      <p>
        <a href="http://html5.validator.nu/">Validate HTML5 (Manual for Now)</a>
      </p>

    </div>
  </body>
</html>
